<template>
	<view class="tenantInformation_container">
		<view class="height_hundredsixty" style="height: 72rpx;">
			<view class="mail_List fixed z_ninetynine" style="position: fixed;">
				<view class="mail" style="font-weight: 700;">
					<view class="order">业主信息审核</view>
				</view>
			</view>
			<view class="icon fixed z_ninetynine" style="position: fixed;">
				<u-icon name="arrow-left" color="#fff" size="40" @click="navigateBack"></u-icon>
			</view>
		</view>
		<!-- 房产信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;" v-show="show">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">房产信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;" v-show="show">
			<u-form :model="form" ref="uForm">
				<u-form-item label="所属项目:">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.communityName"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="楼宇:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.buildingName"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="单元:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.unitName"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="产权房号:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.roomName"
						:clearable="false" :disabled="true" />
				</u-form-item>
<!-- 				<u-form-item label="产权类型:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="商品房"
						:clearable="false" :disabled="true" />
				</u-form-item> -->
				<u-form-item label="是否户主:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantOwnerRelation==0? '是' : '否'"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="人房关系:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantOwnerRelation==0? '户主' : '非户主'"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="与户主关系:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="本人"
						:clearable="false" :disabled="true" v-if="particulars.ownerTenantOwnerRelation==0" />
						<u-input v-model="form.address"
							placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="配偶"
							:clearable="false" :disabled="true" v-if="particulars.ownerTenantOwnerRelation==1" />
							<u-input v-model="form.address"
								placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="父母"
								:clearable="false" :disabled="true" v-if="particulars.ownerTenantOwnerRelation==2" />
								<u-input v-model="form.address"
									placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="子女"
									:clearable="false" :disabled="true" v-if="particulars.ownerTenantOwnerRelation==3" />
									<u-input v-model="form.address"
										placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="其他"
										:clearable="false" :disabled="true" v-if="particulars.ownerTenantOwnerRelation==4" />
				</u-form-item>
<!-- 				<u-form-item label="入住时间:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="2021-06-09"
						:clearable="false" :disabled="true" />
				</u-form-item> -->
<!-- 				<u-form-item label="房屋状态:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="入住"
						:clearable="false" :disabled="true" />
				</u-form-item> -->
			</u-form>
		</view>
		<!-- 业主基本信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;" v-show="show">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">业主基本信息</text>
		</view>
		<view class="card_two" style="padding: 0 42rpx;" v-show="show">
			<u-form :model="form" ref="uForm">
				<u-form-item label="业主姓名:">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantName"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="性别:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantGender==0? '男' : '女'"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="手机号:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantPhone"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="出生日期:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantBirthday"
						:clearable="false" :disabled="true" />
				</u-form-item>
<!-- 				<u-form-item label="电话:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="无"
						:clearable="false" :disabled="true" />
				</u-form-item> -->
				<u-form-item label="政治面貌:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantPoliticsStatus=='0' ? '党员' : item.auditFlag=='1' ? '团员' : '其他'"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="民族:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.nation"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="籍贯:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantNativePlace"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="婚姻状况:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantMarriageStatus==0? '未婚' : '已婚'"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="职业:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantcareer"
						:clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view>
		<!-- 业主实名信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;" v-show="show">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">业主实名信息</text>
		</view>
		<view class="card_three" style="padding: 0 42rpx;" v-show="show">
			<u-form :model="form" ref="uForm">
				<u-form-item label="证件类型:">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="身份证"
						:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==0" />
						<u-input v-model="form.Reporter"
							placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="居住证"
							:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==1" />
							<u-input v-model="form.Reporter"
								placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="签证"
								:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==2" />
								<u-input v-model="form.Reporter"
									placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="护照"
									:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==3" />
									<u-input v-model="form.Reporter"
										placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="户口本"
										:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==4" />
										<u-input v-model="form.Reporter"
											placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="军人证"
											:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==5" />
											<u-input v-model="form.Reporter"
												placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="团员证"
												:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==6" />
												<u-input v-model="form.Reporter"
													placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="党员证"
													:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==7" />
													<u-input v-model="form.Reporter"
														placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="港澳通行证"
														:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==8" />
														<u-input v-model="form.Reporter"
															placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="其他"
															:clearable="false" :disabled="true" v-if="particulars.ownerTenantIdType==9" />
				</u-form-item>
				<u-form-item label="证件号码:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;"
						:placeholder="particulars.ownerTenantIdNumber" :clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="证件照片:" :border-bottom="false">
				</u-form-item>
				<u-form-item :border-bottom="false">
					<view style="font-size: 25rpx;">
						正面照:
					</view>
				</u-form-item>
				<u-form-item :border-bottom="false">
					<view class="" style="width: 100%; height: 300rpx; background-color: #f2f2f2;">
						<image :src="particulars.ownerTenantCardFont" mode="" style="width: 100%;height: 100%;"></image>
					</view>
				</u-form-item>
				<u-form-item :border-bottom="false">
					<view style="font-size: 25rpx;">
						背面照:
					</view>
				</u-form-item>
				<u-form-item :border-bottom="false">
					<view class="" style="width: 100%; height: 300rpx; background-color: #f2f2f2;">
						<image :src="particulars.ownerTenantCardBack" mode="" style="width: 100%;height: 100%;"></image>
					</view>
				</u-form-item>
			</u-form>
		</view>
		<!-- 其他信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;" v-show="show">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">其他信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;" v-show="show">
			<u-form :model="form" ref="uForm">
				<u-form-item label="QQ号:">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantQqNumber"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="邮箱地址:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantEmail"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="个人简介:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" :placeholder="particulars.ownerTenantSelfIntro"
						:clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view>
		<!-- 房东信息 -->
<!-- 		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">房东信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;">
			<u-form :model="form" ref="uForm">
				<u-form-item label="房东姓名:">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="566554454"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="手机号:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="15056765456"
						:clearable="false" :disabled="true" />
				</u-form-item>
				<u-form-item label="产权房号:">
					<u-input v-model="form.address"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="Y32#-2单元-504室"
						:clearable="false" :disabled="true" />
				</u-form-item>
			</u-form>
		</view> -->
		<!-- 审批信息 -->
		<view class="data_Statistics" style="padding: 44rpx 24rpx 0 ;" v-show="show">
			<text style="font-weight: 700; font-size: 30rpx; color: #c4c4c4;">丨</text><text
				style="font-weight: 700; font-size: 30rpx;">审批信息</text>
		</view>
		<view class="card" style="padding: 0 42rpx;" v-show="show">
			<u-form :model="form" ref="uForm">
				<u-form-item label="审批结果:" v-if="particulars.ownerTenantAuditStatus==1">
					<u-input v-model="form.Reporter"
						placeholder-style="color: #000; text-align: right; font-weight: 600;" placeholder="通过"
						:clearable="false" :disabled="true" />
				</u-form-item>
								<u-form-item label="驳回理由:" label-position="top" v-if="particulars.ownerTenantAuditStatus==2">
									<u-input v-model="form.Reporter" placeholder-style="color: #000;  font-weight: 600;"
										:placeholder="particulars.ownerTenantRejectReason" :clearable="false" :disabled="true" />
								</u-form-item>
			</u-form>
		</view>
	</view>
</template>

<script>
	import readingDetails from "@/components/readingDetails/readingDetails.vue"
	export default {
		components: {
			readingDetails
		},
		data() {
			return {
				// form表单
				form: {
					Reporter: '',
					title: '',
					address: '',
					describe: '',
					chargePerson: '',
					Executor: '',
					Maintenance: '',
					end: ''
				},
				// 演示地址，请勿直接使用
				action: 'http://www.example.com/upload',
				current: 1,
				return: 1,
				// 待接单Id
				ownerId:'',
				// 车辆详情
				particulars:'',
				// 审核通过
				staff:'',
				show:''
			}
		},
		onLoad(val) {
			this.loginId  = uni.getStorageSync("setModel")
			console.log(val)
			if(val.ownerId){
			this.ownerId=val.ownerId
				// 管理员已审核详情
				this.getListVehicleByIds()
			}
			// this.loading()
		},
		methods: {
			// 管理员已审核详情
			getListVehicleByIds() {
				
				this.$http.get('selectReturn',{}).then(res => {
					this.show = res.data
					console.log(res, '显示')
				})
				
				
				this.$http.get('TenantOwner/getOwnerAfterApprovalById',{ownerId:this.ownerId,loginId:this.loginId.userId,deptId:this.loginId.deptId}).then(res => {
					this.particulars=res.data
					console.log(res, '管理员已审核详情')
					// this.owners = res.data
				})
			},
			resolved() {
				this.current = 5
			},
			Approved() {
				this.current = 6
			},
			navigateBack() {
				if(this.current==5||this.current==6) {
					this.current = 1
					this.return++
					if (this.return == 3) {
						console.log(111)
						uni.navigateBack()
					}
				}else {
					this.current = 1
					if (this.return == 1||this.return == 2) {
						console.log(111)
						uni.navigateBack()
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tenantInformation_container {
		.mail_List {
			overflow: hidden;
			width: 100%;
			background-color: #f2f2f2;

			.mail {
				padding: 10rpx 0;
				// margin-top: 96rpx;
				color: #fff;
				font-size: 40rpx;
				background-color: #2a4f65;
			}

			.order {
				text-align: center;
			}
		}

		/deep/.card {
			.u-form-item--left {
				flex: unset !important;
				width: unset !important;
			}

			.frequency {
				display: flex;

				// justify-content: space-between;
				u-input {
					flex: 2;
				}
			}

			.example {
				display: flex;
				margin-left: 67rpx;
			}

			.u-form-item--right {
				margin-left: 31rpx;
			}

		}

		/deep/.card_two {
			.u-form-item--left {
				flex: unset !important;
				width: unset !important;
			}

			.frequency {
				display: flex;

				// justify-content: space-between;
				u-input {
					flex: 2;
				}
			}

			.example {
				display: flex;
				margin-left: 67rpx;
			}

			.u-form-item--right {
				margin-left: 31rpx;
			}
		}

		/deep/.card_three {
			.u-form-item--left {
				flex: unset !important;
				width: unset !important;
			}

			.frequency {
				display: flex;

				// justify-content: space-between;
				u-input {
					flex: 2;
				}
			}

			.example {
				display: flex;
				margin-left: 67rpx;
			}

			u-form-item:nth-child(4) {
				.u-form-item--right {
					margin-left: 31rpx;
				}

				.u-form-item {
					padding: 0;
				}
			}

			u-form-item:nth-child(3) {
				.u-form-item {
					padding: 20rpx 0 0 0;
				}
			}

			u-form-item:nth-child(5) {
				.u-form-item {
					padding: 0;
				}
			}

			u-form-item:nth-child(6) {
				.u-form-item--right {
					margin-left: 31rpx;
				}

				.u-form-item {
					padding: 0;
				}
			}

			u-form-item:nth-child(7) {
				.u-form-item {
					padding: 0;
				}
			}
		}

		.icon {
			position: absolute;
			top: 18rpx;
			// top: 114rpx;
			left: 20rpx;
		}

		.second_card {
			.u-cell {
				padding: 18rpx 32rpx;

				/deep/.u-cell__value {
					color: #333333;
					font-weight: 600;
				}
			}

			/deep/.uni-card__content {
				padding: 16rpx 24rpx;
			}
		}

		/deep/button {
			border-radius: unset !important;
		}

		.uni-border[data-v-19622063]:after {
			border: unset;
		}

		/deep/.uni-border.data-v-19622063:after {
			border: unset;
		}

		.slot-btn__hover {
			background-color: rgb(235, 236, 238);
		}

		.button {
			display: flex;
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			margin-top: 200rpx;
			border-radius: 14rpx;
			overflow: hidden;
			z-index: 9;

			.u-btn {
				border-radius: unset;
			}
		}

		.button_two {
			display: flex;
			// position: fixed;
			// left: 0;
			// right: 0;
			// bottom: 0;
			margin-top: 200rpx;
			border-radius: 14rpx;
			overflow: hidden;
			z-index: 9;

			.u-btn {
				border-radius: unset;
			}
		}

		.work_Order {
			margin-top: 60rpx;
			text-align: center;

			.work_Order_top {
				width: 168rpx;
				height: 168rpx;
				margin: 0 auto;
				background-color: #e5e5e5;
				border-radius: 50%;
			}
		}
	}
</style>
